<template>
	<view>
		<view class="item" v-for="(value,index) in iconType" :key="index">
		     <icon :type="value" size="66" color="#006eff"/>
					  <view class="mytext">
						  <p>缴费成功</p>
					  </view>
		     
		 </view>
		 
		 <view class="cantent">
			 <view>
				 <text class="one">费用类型</text>&nbsp;
				 <text>{{ren[0].Cost_type}}</text>
			 </view>
			 <view>
			 	 <text class="one">就诊科室</text>&nbsp;
			 	 <text>{{ren[0].Clinic_department}}</text>
			 </view>
			 <view>
			 	 <text class="one">医生姓名</text>&nbsp;
			 	 <text>{{ren[0].doctor}}</text>
			 </view>
			 <view>
			 	 <text class="one">就诊人</text>&nbsp;
			 	 <text>{{ren[0].patients_name}}</text>
			 </view>
			 <view>
			 	 <text class="one">就诊卡号</text>&nbsp;
			 	 <text>{{ren[0].card_numer}}</text>
			 </view>
		 </view>
		 <view class="cantent1">
			 <view >
				 <text class="one">费用明细</text>
			 </view>
			 <view id="zhong">
				 <view class="zuo">
					 <text>普罗布考片</text>
					 <text class="two"> 单价：50.00 &nbsp; 数量：3</text>
				 </view>
				 <view class="you">
					 <text>￥150.00</text>
				 </view>
			 </view>
			 <view id="zhong">
			 		 <view class="zuo">
			 		    <text>阿司匹林肠溶片</text>
			 		    <text class="two"> 单价：50.00 &nbsp; 数量：3</text>
			 		 </view>
			 		<view class="you">
			 			<text>￥150.00</text>
			 		</view>
			 </view>
		 </view>
		 
		 <view class="cantent">
		 			 <view>
		 				 <text class="one">支付方式</text>&nbsp;
		 				 <text>{{ren[0].Method_payment}}</text>
		 			 </view>
		 			 <view>
		 			 	 <text class="one">卡内余额</text>&nbsp;
		 			 	 <text>{{ren[0].patients_balance_of}}元</text>
		 			 </view>
		 			 <view>
		 			 	 <text class="one">订单总额</text>&nbsp;
		 			 	 <text>{{ren[0].Detect_cost}}元</text>
		 			 </view>
		 			 <view>
		 			 	 <text class="one">订单编号</text>&nbsp;
		 			 	 <text>202010090900001</text>
		 			 </view>
		 			 <view>
		 			 	 <text class="one">订单时间</text>&nbsp;
		 			 	 <text>2020/10/09 &nbsp; 09:00:00</text>
		 			 </view>
					 <view>
		 			 	 <text class="one">订单状态</text>&nbsp;
		 			 	 <text v-if="ren[0].patients_department==1">已支付</text>
		 			 </view>
		 </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				iconType:['success'],
				ren:[]
			}
		},
		methods: {
			
		},
		onLoad(options) {
			const list = uni.getStorageSync('binData2');
			list.forEach((item) => {
				if (options.id == item.patients_id) {
					this.ren.push(item)
				}
			})
			console.log(this.ren)
			this.getall()
		}
	}
</script>

<style lang="scss">
.item{
	display: flex;
	flex-direction: column;
	margin-top: 150rpx;
	text-align: center;
.mytext{
	padding-top: 30rpx;
	line-height: 55rpx;
	.mp{
		color: #bebebf;
	
	}
	}
}
.cantent1{
	width: 700rpx;
	margin-left: 20rpx;
	margin-top: 20rpx;
	border: 1px solid #f2f2f2;
	padding-left: 10rpx;
	// padding: 20rpx 10rpx;
	box-sizing: border-box;
	.one{
		color: #b3b3b3;
	}
	#zhong{
		display: flex;
		border-bottom: 1px solid #f2f2f2;
		padding: 30rpx;
		.zuo{
			display: flex;
			flex-direction: column;
			margin-right: 150rpx;
			border: none;
			.two{
				color: #bebebe;
				font-size: 24rpx;
				padding-top: 10rpx;
				
			}
		}
	}
}
.cantent1 view:nth-child(1){
	border: 1px solid #f2f2f2;
	padding: 30rpx;
}
.cantent{
	width: 700rpx;
	margin-left: 20rpx;
	margin-top: 20rpx;
	border: 1px solid #f2f2f2;
	padding-left: 10rpx;
	// padding: 20rpx 10rpx;
	box-sizing: border-box;
	view{
		border-bottom: 1px solid #f2f2f2;
		padding: 30rpx;
	}
	.one{
		color: #b3b3b3;
	}
}

</style>
